<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
            <!-- 测试360浏览器 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/myCss.css">
    <link rel="stylesheet" type="text/css" href="../css/personalcenter.css">
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
    <!-- [if IE 7]>
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-ie7.min.css">
    <!-- [endif]-->

    <script src="../js/jquery-2.1.4.min.js"></script><!--javascript放在后面可以提高网页加载-->
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/myJs.js"></script>
    <script src="../js/cart.js"></script>
</head>
<body>

<!-- [if lt IE 9]>
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<!-- [endif] -->

<!--nav start-->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <ul class="nav navbar-nav">
        <li><a href="../personalcenter">Miko Tong</a></li>
        <li class="navbar-text">您好!</li>
        <!--<li><a href="#">免费注册</a></li>-->
    </ul>
    <ul class="nav navbar-nav navbar-right">
        <li><a href="../">主页</a></li>
        <li class="dropdown">
            <a href="../personalcenter/orders.html" class="dropdown-toggle" id="mydrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">我的一起购<i class="icon-sort-down" style="padding-left: 5px;vertical-align: text-top;"></i></a>
            <ul class="dropdown-menu" aria-labelledby="mydrop" style="background-color: #FFF;text-align: center;min-width: 108px;">
                <li><a style="padding: 0" href="../personalcenter/">个人中心</a></li>
                <li><a style="padding: 0" href="../personalcenter/bingo.html">我的拼购</a></li>
                <li><a style="padding: 0" href="../personalcenter/orders.html">我的订单</a></li>
                <li><a style="padding: 0" href="#">我的分享</a></li>
                <li><a style="padding: 0" href="#">绑定账号</a></li>
                <li><a style="padding: 0" href="../personalcenter/updatepassword.html">修改密码</a></li>
                <li><a style="padding: 0" href="../personalcenter/userinfo.html">修改资料</a></li>
            </ul>
        </li>
        <li><a href="cart(bingo).html">购物车<i id="end"></i><span class="badge aqua"></span></a></li>
        <li><a href="../personalcenter/collect.html">收藏夹<span class="badge aqua"></span></a></li>
        <li><a href="#">客户服务<span class="badge aqua"></span></a></li>
        <li><p class="navbar-text time"></p></li>
    </ul>
</nav>
<!--nav end-->

<!--search start-->
<div class="container">
    <div class="row">
        <div class="col-sm-2 col-lg-2 text-center">
            <a href="../" style="color: #f4a624;"><img src="../imgs/logo.png" style="height:58px;width:auto;">
                <p>eachgo.cn</p></a>
        </div><!--logo-->
        <div class="col-sm-3 col-lg-3"></div>
        <div class="col-sm-7 col-lg-7" role="form">
            <form action="#" method="post" name="search" role="search">
                <div class="input-group" style="padding-top: 15px;">
                    <label class="sr-only"></label><!--form表单中，label标签必不可少-->
                    <input type="text" maxlength="255" autocomplete="off" class="form-control" placeholder="搜索宝贝">
                    <span class="input-group-btn"><button type="submit" class="my-btn-default-text btn btn-default  my-btn-default-bgcolor">&nbsp;<i class='icon-search h4'></i>&nbsp;</button></span>
                </div>
            </form>
        </div><!--搜索框表单-->
    </div><!--/.row search-->
</div>
<!--search end-->

<!--content start-->
<!--top-bar start-->
<div style="width: 100%;height: 63px;background-color: #eb5d22;color: #FFF;font-size: 40px;">
    <span style="padding-left: 113px;">购物车</span>
</div>
<!--top-bar end-->
<!--container start-->
<div class="container" style="margin-top: 80px;">
    <div class="row">
        <div class="col-sm-12 col-lg-12" role="form">
            <form name="" action="" method="post">
                <table class="table text-center" style="border: 2px solid #F5F5F5;">
                    <thead style="background-color: #f5f5f5">
                        <tr>
                            <td style="width: 10%;"><label><input type="checkbox" class="all"></label>全选</td>
                            <td style="width: 45%">商品信息</td>
                            <td style="width: 10%">单价</td>
                            <td style="width: 15%">数量</td>
                            <td style="width: 10%">订单金额（元）</td>
                            <td style="width: 10%">操作</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="cart">
                            <td><label><input type="checkbox" name="check" class="one"></label></td>
                            <td class="text-left">
                                <a href="#"><img src="../imgs/index/其他奖品/8-2.png" width="80" height="80" >永久折叠自行车 20寸快装版</a>
                            </td>
                            <td><div><label><input type="hidden" class="price" value="399.00"></label>1.00</div></td><!--单价-->
                            <td>
                                <div>
                                    <label><input type="hidden" class="text-center amount" value="1" style="width: 80px;">1.00</label>
                                </div>
                                <p class="text-center">有货</p>
                            </td>
                            <td><div class="showtotal"><label><input type="hidden" class="total" value=""></label>1.00</div></td>
                            <td>
                                <div class="btn-group-vertical btn-group-sm">
                                    <div style="cursor: pointer;" class="delete">删除</div><br>
                                    <button class="btn-text">移入收藏夹</button>
                                </div>
                            </td>
                        </tr>
                        <tr class="cart">
                            <td><label><input type="checkbox" name="check" class="one"></label></td>
                            <td class="text-left">
                                <a href="#"><img src="../imgs/index/其他奖品/8-1.png" width="80" height="80">尤尼克斯 CAB-LITE 全碳素超轻羽毛球拍</a>
                            </td>
                            <td><label><input type="hidden" class="price" value="79.00"><!--单价--></label>1.00</td>
                            <td>
                                <div><label><input type="hidden" id="amount" class="text-center amount" value="1" style="width: 80px;">1.00</label></div>
                                <p class="text-center">有货</p>
                            </td>
                            <td><div class="showtotal"><label><input type="hidden" class="total" value=""></label>1.00</div></td>
                            <td>
                                <div class="btn-group-vertical btn-group-sm">
                                    <div style="cursor: pointer;" class="delete">删除</div><br>
                                    <button class="btn-text">移入收藏夹</button>
                                </div>
                            </td>
                        </tr>
                        <tr class="cart">
                            <td><label><input type="checkbox" name="check" class="one"></label></td>
                            <td class="text-left">
                                <a href="#"><img src="../imgs/shopping/big-1.jpg" width="80" height="80">台灯 纯铜复古</a>
                            </td>
                            <td><label><input type="hidden" class="price" value="69.00"><!--单价--></label>99.00</td>
                            <td>
                                <div>
                                    <input type="button" class="operate" value="-">
                                    <label><input type="text" class="text-center amount" value="1" style="width: 80px;" onclick="javascript:select();"></label>
                                    <input type="button" class="operate" value="+">
                                </div>
                                <p class="text-center">有货</p>
                            </td>
                            <td><div class="showtotal"><label><input type="hidden" class="total" value=""></label>99.00</div></td>
                            <td>
                                <div class="btn-group-vertical btn-group-sm">
                                    <div style="cursor: pointer;" class="delete">删除</div><br>
                                    <button class="btn-text">移入收藏夹</button>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div id="tfooter">
                    <div class="left">
                        <span>
                            <label>
                                <input type="checkbox" class="all">
                            </label>全选
                        </span>
                        <span style="cursor: pointer;" class="delete-all">删除选中的商品</span>
                        <span style="cursor: pointer;">加入收藏夹</span>
                    </div>
                    <div onclick="window.location.href = '../bingo/paymentorders.html'" id="reckoning">去结算</div>
                    <div class="right">
                        <span>已选商品<span id="allamount" style="color: #eb5d22;">3</span>件</span>
                        <span>合计（不含运费）:<span id="alltotal" style="color: #eb5d22;font-size: 30px;">0</span></span>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 猜你喜欢 start -->
    <div class="row" style="margin-top: 250px">
        <div class="col-sm-12 col-lg-12">
            <div class="row">
                <div class="btn-habit btn-group col-sm-12 col-lg-12">
                    <button type="button" class="btn habit btn-default">猜你喜欢的商品</button>
                    <button type="button" class="btn habit btn-default">猜你喜欢的拼购</button>
                    <button type="button" class="btn habit btn-default">最近浏览</button>
                    <button type="button" class="btn habit btn-default">最近收藏</button>
                </div>
            </div>
            <div class="row">
                <div class="btn-habit col-sm-12 col-lg-12">
                    <div class=" my-goods col-sm-3 col-lg-3">
                        <img src="../imgs/personalcenter/smart_img.png" alt="">
                    </div>
                    <div class=" my-goods col-sm-3 col-lg-3">
                        <img src="../imgs/personalcenter/smart_img.png" alt="">
                    </div>
                    <div class=" my-goods col-sm-3 col-lg-3">
                        <img src="../imgs/personalcenter/smart_img.png" alt="">
                    </div>
                    <div class=" my-goods col-sm-3 col-lg-3">
                        <img src="../imgs/personalcenter/smart_img.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 猜你喜欢 end -->
</div>
<!--container end-->
<!--content end-->

<!--footer start-->
<div class="text-center" style="margin-top: 50px;color: #949494;" id="footer">
    <a href="#" style="color: #949494;"><span>首页</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>关于一起购物</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>隐私声明</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>加入我们</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>联系我们</span></a>
    <p style="margin-bottom: 0">CopyRight&copy;2014-2015,版权所有eachgo.cn</p>
</div>
<!--footer end-->

</body>
</html>
